<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ViewShow - 寻找改变生活的观点</title>

    <!--======== All Stylesheet =========-->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/linearicons.css" rel="stylesheet">
    <!--=== plugins ===-->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
    <!--=== end plugins ===-->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <link href="http://dubeih5.oss-cn-shanghai.aliyuncs.com/asset/logo%E5%89%AF%E6%9C%AC.png" rel="shortcut icon">
</head>

<body data-spy="scroll" data-target=".nav-top">
    <!--======== header =========-->
    <header id="home" data-spy="scroll" data-target="#top-nav">
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <!-- menu 4 -->
                <div class="navbar navbar-default navbar-fixed-top default-menu menu-4" role="navigation">
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-4" aria-expanded="false">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            <a class="navbar-brand default-logo scroll" href="#home"><i class="fa fa-compass"></i>ViewShow</a>
                        </div>

                        <div class="collapse navbar-collapse top-nav" id="menu-4">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a class="scroll" href="#testimonial">产品</a></li>
                                <li><a class="scroll" href="#contact">联系我们</a></li>
                            </ul>

                        </div>
                    </div>
                </div>
                <!-- end menu -->
            </div>
        </div>
    </header>
    <!--======== end header =========-->
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="模板之家">模板之家</a></div>
    <!--======== intro =========-->
    <section class="intro">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 col-sm-12 col-xs-12 text-center">
                <div class="intro-content">
                    <h1>ViewShow Life</h1>
                    <p>让新闻更有态度，让言语更有力量，让生活更加精彩</p>
                    <a class="btn btn-default" href="#" role="button">更多信息 <i class="lnr lnr-chevron-right"></i></a></i>
                    </a>
                    <div><i class="fa fa-caret-down"></i></div>
                </div>
            </div>
        </div>
    </section>
    <!--======== end intro =========-->

    <!--======== Testimonials =========-->
    <section id="testimonial" class="talk-about-us">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 col-xs-12 text-center">
                    <h2 class="section-title">我们的产品</h2>
                    <div class="border"><span class="border-l-r"><i class="fa fa-quote-right"></i></span></div>

                    <div id="talk-about-us" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                            <li data-target="#talk-about-us" data-slide-to="0" class="active"></li>
                            <li data-target="#talk-about-us" data-slide-to="1"></li>
                            <!--<li data-target="#talk-about-us" data-slide-to="2"></li>-->
                        </ol>
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <p>让新闻更有态度，一个有态度的观点平台。</p>
                                <img src="http://dubeih5.oss-cn-shanghai.aliyuncs.com/asset/qrcode_for_gh_f45e6dce3acb_258.jpg" alt="#" />
                                <strong>嘟呗</strong>
                            </div>
                            <div class="item">
                                <p>让言语更有价值，发布您独特的观点，你也可以成为焦点</p>
                                <img src="http://dubeih5.oss-cn-shanghai.aliyuncs.com/asset/logo%E5%89%AF%E6%9C%AC.png" alt="#" />
                                <strong>ViewSHow</strong>
                            </div>
                            <!--<div class="item">
                                <p>Lorem ipsum dolor sit amet reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Haccusamus
                                    terry richardson ad squid. Penon cupidatat skateboard.</p>
                                <img src="http://dubeih5.oss-cn-shanghai.aliyuncs.com/asset/qrcode_for_gh_f45e6dce3acb_258.jpg" alt="#" />
                                <strong>Jessy Roy, CEO </strong>
                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--======== End Testimonial =========-->

    <!--======== support =========-->
    <section class="support">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="media-list">
                        <div class="media">
                            <div class="media-left">
                                <a href="#"><img class="media-object" src="images/r-ball.png" alt="#"></a>
                            </div>
                            <div class="media-body">
                                <strong>ViewShow新闻</strong>
                                <p>领略实时快讯，时事热点分秒必达。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media-list">
                        <div class="media">
                            <div class="media-left">
                                <a href="#"><img class="media-object" src="images/r-truck.png" alt="#"></a>
                            </div>
                            <div class="media-body">
                                <strong>VewShow商城</strong>
                                <p>特有积分体系，让新闻更有价值</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="media-list">
                        <div class="media">
                            <div class="media-left">
                                <a href="#"><img class="media-object" src="images/r-gift.png" alt="#"></a>
                            </div>
                            <div class="media-body">
                                <strong>ViewShow活动</strong>
                                <p>不定活动，幸运的你依旧会幸运</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--======== end support =========-->

    <!--======== contact =========-->
    <section id="contact" class="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 text-center">
                    <h2 class="section-title">联系我们</h2>
                    <div class="border"><span class="border-l-r"><i class="fa fa-caret-down"></i></span></div>

                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputEmail3"></label>
                                <input type="text" class="form-control" id="exampleInputEmail3" placeholder="姓名">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputEmail3">Your Email</label>
                                <input type="Email" class="form-control" id="exampleInputEmail3" placeholder="邮箱">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputEmail3">Phone</label>
                                <input type="tel" class="form-control" id="exampleInputEmail3" placeholder="电话">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputEmail3">Massage</label>
                                <textarea class="form-control textarea" rows="5" placeholder="信息"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="form-group text-center">
                                <button type="submit" class="btn btn-default ">提交</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--======== end contact =========-->

    <!--======== footer =========-->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-md-12 text-center">
                    <p>沪ICP备16027284号-1</p>
                </div>
            </div>
        </div>
    </footer>
    <!--======== end footer =========-->

    <!--======== All Javascript =========-->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <script src="js/owl.carousel.min.js"></script>
    <script src="js/custom.js"></script>
</body>

</html>